<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<ui:composition template="/templates/Plantilla.xhtml">
 <ui:define name="content">			
  <h:form id="form">
    <h3>
    	<h:outputText value = "#{sujetoEmpresaProducto.titulo}"/>
	</h3>
	<p:separator/>
  	<p:panel>
  		<h:outputText value = "Sucursal Seleccionada"/>
  		<p:separator/>
  		<h:panelGrid columns = "2">
  			<h:outputText value ="TIPO DE CLIENTE: " class = "negrita"></h:outputText>
  			<h:outputText value ="#{sujetoEmpresaProducto.tipoCliente.nombre}"></h:outputText>
  			
  			<h:outputText value="APELLIDO Y NOMBRE: " class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaProducto.sucursal.apellido}, #{sujetoEmpresaProducto.sucursal.nombre}"/>
  			
  			<h:outputText value="APODO - ALIAS: " class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaProducto.sucursal.alias}"/>
  			
  			<h:outputText value="DOMICILIO:" class = "negrita"/>
  			<h:outputText value = "#{sujetoEmpresaProducto.sucursal.domicilioCompleto}"/>
  			
  		</h:panelGrid>
  		
  	</p:panel>
  	<p:dataTable id = "tblProductosAsignados" value = "#{sujetoEmpresaProducto.productosAsignados}" var = "p">
  		<f:facet name="header">Productos Asignados</f:facet>
  		<p:column>
			<f:facet name="header">
				<p:commandLink onclick = "dlgMostrarProductos.show()" title="Asignar Nuevo Producto"
					actionListener = "#{sujetoEmpresaProducto.btnBuscarProductosDisponibles}" update = ":form:tblProductosDisponibles">
	  					<p:graphicImage value = "#{resource['images:plus-16-ns.png']}"/>
	  			</p:commandLink>				
			</f:facet>
			<p:commandLink title="Eliminar Producto" actionListener = "#{sujetoEmpresaProducto.btnEliminarProductoAsignado(p)}"
					update = ":form:tblProductosAsignados">
	  					<p:graphicImage value = "#{resource['images:cross-16-ns.png']}"/>
	  		</p:commandLink>
		</p:column>
		<p:column>
			<f:facet name="header">CODIGO</f:facet>
			#{p.productoDescuento.producto.productoId}
		</p:column>
		<p:column>
			<f:facet name="header">NOMBRE</f:facet>
			#{p.productoDescuento.producto.nombre}
		</p:column>
		<p:column>
			<f:facet name="header">DESCRIPCION</f:facet>
			#{p.productoDescuento.producto.descripcion}
		</p:column>
		<p:column>
			<f:facet name="header">PRECIO</f:facet>
			$ #{p.productoDescuento.producto.precio}
		</p:column>
  	</p:dataTable>
  	
  	<p:dialog id="dlgMostrarProductos" header="Seleccione los productos a asignar" 
		widgetVar = "dlgMostrarProductos" modal = "true" resizable = "false">
		
		<p:dataTable id="tblProductosDisponibles" value="#{sujetoEmpresaProducto.productosDisponibles}"
			var="p" rowKey = "#{p.desProdTipoCliId}" selection = "#{sujetoEmpresaProducto.productosSeleccionados}" 
			paginator="true" rows="10">  			
	 			
	 		<f:facet name="header">Productos Disponibles</f:facet>
	 		
			<p:column selectionMode = "multiple"></p:column>
						
			<p:column>
				<f:facet name="header">CODIGO</f:facet>
				#{p.producto.productoId}
			</p:column>
			
			<p:column>
				<f:facet name="header">NOMBRE</f:facet>
				#{p.producto.nombre}
			</p:column>
			
			<p:column>
				<f:facet name="header">TIPO PRODUCTO</f:facet>
				#{p.producto.tipoProducto.nombre}
			</p:column>
			
			<p:column>
				<f:facet name="header">DESCRIPCION</f:facet>
				#{p.producto.descripcion}
			</p:column>
			
		</p:dataTable>
		
		<p:panel style="text-align: center">
			<p:commandButton value="Asignar" title ="Asignar Productos" oncomplete = "dlgMostrarProductos.hide()"
				actionListener = "#{sujetoEmpresaProducto.btnAsignarProductosSeleccinoados}" update = ":form:tblProductosAsignados"/>
		</p:panel>
				
	</p:dialog>

	<br></br>
	
	<p:panel style="text-align: center">
		<p:commandButton value = "Terminar" title = "Terminar Asignacion" action = "#{sujetoEmpresaProducto.btnTerminar}" ajax="false"></p:commandButton>
				
		<p:commandButton id="mesVencido" value ="Mes Vencido" title ="Comercialización Mes Vencido"
    		rendered ="#{sujetoEmpresaProducto.isEmpresa}" action ="#{sujetoEmpresaProducto.irComercializacionMesVencido}" />
		    
		<p:commandButton id="pack" value="Pack" title ="Comercialización Pack" action ="#{sujetoEmpresaProducto.irComericaliazacionPack}"/>
	</p:panel>
	
  </h:form>        	        	        	        
  </ui:define>
</ui:composition>
	
</h:body>
</html>